<!-- file: app/views/fichiers/audio.ctp -->
 
<div>
    <h1><?php __(' Audio') ?></h1>
<?php $idVideo = $fichiers['Fichier']['id']?>
    <?php $tipo = $fichiers['Fichier']['id'] ?>
    <p><small><font color="blue" color="blue" size="2"><?php __('Titre:')?></font> <font  size="3">  <?php echo $fichiers['Fichier']['titre'] ?></font></small></p>
    <p><small><font color="blue" color="blue" size="2"><?php __('Description:')?></font> <font  size="3">  <?php echo $fichiers['Fichier']['description'] ?></font></small></p>
    <audio   id="audio"  controls  width="600" height="500" autoplay>

        <source src='<?php echo Dispatcher::baseUrl(); ?>/audios/<?php echo $t = $fichiers['Fichier']['non_fichier']; ?>' >
            <source src='<?php echo Dispatcher::baseUrl(); ?>/audios/<?php echo $t = $fichiers['Fichier']['non_fichier2']; ?>' >
                </audio>
 <p><small><font color="blue" color="blue" size="2"><?php __('Conseils:') ?> </font> <font  size="3">  <?php echo $fichiers['Fichier']['conseil'] ?></font></small></p>


<!-- Partie de sous-titres-->

<?php if($idsub!='sans'){ ?>
<div id="subtitres">
                <?php

                //debug($idsub);
                foreach ($subtitres as $subtitre) {
//                    debug($subtitre);
                    if($idsub!=0){
                            if($idsub==$subtitre['Subtitre']['id']){
                            $sub2=$subtitre['Subtitre'];
//                            debug($sub2);
                        }
                        }

                $sub[$subtitre['Subtitre']['language']] =  $subtitre['Subtitre']['nom_sub'];
// echo $sub['Francais'];
                    }

                    ?>

                <br/>

                <button id="buton1" class="css3button" ><?php __('Masquer') ?></button>

                <div id="sous1"> <div id="sub1" class="srt" data-video="audio" data-srt="<?php echo Dispatcher::baseUrl(); ?>/<?php echo $sub['Francais']; ?>"></div>
                </div>


 <br>

                <?php
                if($idsub!=0){
                    ?>
                 <button id="buton2" class="css3button" ><?php __('Masquer') ?></button>
                <div id="sous2">
                    <div class="subtitulos"></div>
                </div>
                <?php
                }
                ?>


                



                <script type="text/javascript">

                <?php
                if($idsub!=0 && $idsub!='sans' ){
                    ?>
                  $(document).ready(function(){

                      $(".subtitulos").loadSubtitle('<?php echo Dispatcher::baseUrl(); ?>/<?php echo $sub2['nom_sub'];?>', "audio");

                    });

                <?php
                }
                ?>







                    $('#buton1').click(function () {
                        if ($("#sous1").is(":hidden")) {
                            $("#sous1").show("slow");
                            document.getElementById('buton1').innerHTML = "Masquer";
                        } else {
                            $("#sous1").slideUp();
                            document.getElementById('buton1').innerHTML = "Afficher";
                        }
                    });


<?php
                if($idsub!=0){
                    ?>
                  $('#buton2').click(function () {
                        if ($("#sous2").is(":hidden")) {
                            $("#sous2").show("slow");
                            document.getElementById('buton2').innerHTML = "Masquer";
                        } else {
                            $("#sous2").slideUp();
                            document.getElementById('buton2').innerHTML = "Afficher";
                        }
                    });

                <?php
                }
                ?>




                  
                </script>

</div>

<?php }?>

<script>
      $(document).ready(function(){
                        $(".trigge").click(function(){
                            $(".pane").toggle("fast");
                            $(this).toggleClass("active");
                            return false;
                        });
                    });


                     $(document).ready(function(){
                        $(".trigg").click(function(){
                            $(".pan").toggle("fast");
                            $(this).toggleClass("active");
                            return false;
                        });
                    });

    </script>


                     <!--Partie Commentaires -->
                    
   <div id="commentaires">
                       
                        <div>
                           
                            <fieldset>
                                <legend><?php __('Déposer un Commentaire') ?></legend>
                            <?php
                            echo $form->create('Commentaire', array('url' => array('controller' => 'commentaires', 'action' => 'ajouterCommentaire')));
                            echo $form->input('nom', array('type' => 'text', 'label' => __('Nom', true)));
                            echo $form->input('nationalite', array('label' => __('Nationalite', true)));
                            echo $form->input('mail', array('type' => 'text', 'label' => __('Mail', true)));
                            echo $form->input('comentaire', array('label' => __('Commentaire', true)));
                            echo $form->input('fichier_id', array('type' => 'hidden', 'value' => $fichiers['Fichier']['id']));
                            echo $form->input('typefi', array('type' => 'hidden', 'value' => 'audio'));
                            echo $form->input('etat', array('type' => 'hidden', 'value' => '0'));
                            echo $form->end(__('Submit', true));
                            ?>
                        </fieldset>


                     </div>
     </div>

                <?php



                            echo $this->element('relacione', array('idFichier'=>$idVideo));

                ?>

 <br><p> <font color="black" size="4">COMMENTAIRES SUR L'AUDIO</font></p>
                <?php
                    //debug($fichiers);

                    if (isset($fichiers['Commentaire'])) {

                        $i = 0;
                        foreach ($fichiers['Commentaire'] as $comme) {
                            $etat = $comme['etat'];
                            if ($etat == 1) {

                                echo '<br><b>Commentaire </b> ' .' '. ++$i . '                       '.'<br/> <p><b>Date:</b>' .' '. $comme['date'] . '</p>';
                                echo '<p> <b>Nom:</b>' . ' '.$comme['nom'] . '</p> <p><b>Nationalite: </b>' .' '. $comme['nationalite'] . '</p> <p><b>Commentaire:</b>' .' '. $comme['comentaire'] . '</p>';
                            }

                        }

                    }
                ?>


</div>


                <script>
                    // Select all of the forms on the page (in this case the only one)
                    // and call 'validity' on the result.
                    
                    $(function() {
                        $("#CommentaireAudioForm").validity(function() {
                            $("#CommentaireNom")                      // The first input:
                            .require("Nom est obligatoire.");
                        
                            $("#CommentaireNationalite")                      // The first input:
                            .require("Nationalite est obligatoire.");
        
                            $("#CommentaireMail")                      // The first input:
                            .require("Vous avez besoin d'un email.")
                            .match("email");

                                $("#CommentaireComentaire")                      // The first input:
                                .require("Commentaire est obligatoire.");

                        });

                        });
                </script>

 <!--Partie Categories -->
